<%--
  Created by IntelliJ IDEA.
  User: ThinkPad
  Date: 2021/12/6
  Time: 11:05
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<script src="js/gVerify.js"></script>
<script type="text/javascript">
    var verifyCode = new GVerify("v_container");
    $(function(){
        $('#discount').blur(function(){
            const value = $(this).val();
            const reg = /^\w{4,16}$/
            $(this).next().removeClass()
            if(reg.test(value)){
                $(this).next().addClass("dui")
                $(this).next().html('&nbsp;&nbsp;&nbsp;&nbsp;')
            }else{
                $(this).next().addClass("cuo")
                $(this).next().html('账号由4-16的字母、数字组成')
            }
        })
        $('#pwd').blur(function(){
            const value = $(this).val();
            const reg = /^\w{6,16}$/
            $(this).next().removeClass()
            if(reg.test(value)){
                $(this).next().addClass("dui")
                $(this).next().html('&nbsp;&nbsp;&nbsp;&nbsp;')
            }else{
                $(this).next().addClass("cuo")
                $(this).next().html('密码由4-16的字母、数字组成')
            }
        })
        $('#pwd1').blur(function(){
            const thisValue = $(this).val()
            const rePwd = $('#pwd').val()
            $(this).next().removeClass()
            if(thisValue==rePwd && thisValue != ''){
                $(this).next().addClass("dui")
                $(this).next().html('&nbsp;&nbsp;&nbsp;&nbsp;')
            }else{
                $(this).next().addClass("cuo")
                $(this).next().html('密码不一致，请重新输入')
            }
        })
        $('form').submit(function(){
            let flag = true
            $('span[nm=nm]').each(function(){
                if(!$(this).is('.dui')){
                    flag = false
                }
            })

            var res = verifyCode.validate($('#code_input').val());
            if(res){
                console.log("验证正确");
                flag=true
            }else{
                alert("验证码输入错误");
                $('#code_input').val('')
                $('#code_input').focus()
                flag=false
            }

            return flag
        })
    })
</script>
</body>
</html>
